<div id="content">
     <center><h1>ตาราง DMA</h1></center>
  <table class="example">
  <thead>
    <tr>
      <th>DMA</th>
      <th>code</th>
      <th>%การสูญเสียน้ำ</th>
      <th>pressure</th>
      <th>flow</th>
    </tr>
  </thead>
  <tbody>
    <tr id="ex0-node-1">
      <td>ปป 342456</td>
      <td style="text-align:left">DMA1</td>
      <td style="text-align:right">20</td>
      <td style="text-align:right">0.2</td>
      <td style="text-align:right">2</td>
    </tr>
    <tr id="ex0-node-1-1" class="child-of-ex0-node-1">
      <td>ปป 342455</td>
      <td style="text-align:left">DMA1-1</td>
      <td style="text-align:right">20</td>
      <td style="text-align:right">0.2</td>
      <td style="text-align:right">2</td>
    </tr>
    <tr id="ex0-node-1-2" class="child-of-ex0-node-1">
      <td>ปป 342455</td>
      <td style="text-align:left">DMA1-2</td>
      <td style="text-align:right">20</td>
      <td style="text-align:right">0.2</td>
      <td style="text-align:right">2</td>
    </tr>
  </tbody>
</table>
</div>

<!-- //#java script -->
<? foreach($js as $value): ?>
       <script type="text/javascript" src="<?=ASSET_URI.$value['src'] ?>"></script>
<? endforeach;?>
<script type="text/javascript">
    $(function() {
        $(".example").treeTable({
		 	// initialState = "collapsed"
		});
		
    });
</script>
